<div class="tab">
    <div class="tab-item"><a ui-sref-active="active" ui-sref="api.api1">api1</a></div>
    <div class="tab-item"><a ui-sref-active="active" ui-sref="api.api2">api2</a></div>
    <div class="tab-item"><a ui-sref-active="active" ui-sref="api.api3">api3</a></div>
    <div class="tab-item"><a ui-sref-active="active" ui-sref="api.api4">api4</a></div>
    <div class="tab-item"><a ui-sref-active="active" ui-sref="api.api5">api5</a></div>
</div>

<div ui-view>

</div>